<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/caninfor.css" />
<link type="text/css" rel="stylesheet" href="css/shop.css" />
<script src="js/jquery.min.js"></script>
<script src="js/style.js"></script>
<script src="js/index.js"></script>
<title>浙商保险 - 保单详情</title>
</head>

	<body>
		<!-- 代码部分begin -->
		<div class="wrap">
			<div class="tabs">
				<a href="#" hidefocus="true" class="active">保单信息</a>
				<a href="#" hidefocus="true">车辆信息</a>
				<a href="#" hidefocus="true">批单</a>
				<a href="#" hidefocus="true">其他</a>
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="content-slide">
							<div class="basic manager-div margin-b5 all-cancer-proper">
								<div class="title_text">
									<span>199320603302014000935</span> 保单号
								</div>
								<div class="title_text">
									<span>浙商财产保险股份有限公司江苏分公司</span> 机构
								</div>
								<div class="title_text">
									<span>王大大</span> 投保人
								</div>
								<div class="title_text">
									<span>王大大</span> 被保险人
								</div>
								<div class="title_text">
									<span>机动车交通事故责任强制保险</span> 产品名称
								</div>
								<div class="title_text">
									<span>期满</span> 保单状态
								</div>
								<div class="title_text">
									<span>2011-10-15  00:00:00</span> 保险起期
								</div>
								<div class="title_text">
									<span>2011-10-15  00:00:00</span> 保险止期
								</div>
								<div class="title_text">
									<span>855.00</span> 总保费
								</div>
							</div>
							<div class="basic  margin-b5 ">
								<div>
									<div class="accordion">
										<a>
											<h4>险别信息</h4>
											<i class="fa fa-plus-circle"></i>
										</a>
									</div>
									<div class="accordion-desc ">
										<div class="manager-div margin-b5">
											<div class="title_text">
												<span>机动车强制三者险</span> 险别名称
											</div>
											<div class="title_text">
												<span>122000</span> 保险金额
											</div>
											<div class="title_text">
												<span>950.00</span> 保险费
											</div>
											<div class="title_text">
												备注
												<input type="tel" maxlength="11" placeholder="请输入备注">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="canc-gray manager-polic">
								<ul class="cancer-gray">
									<li>
										<div class="canleft">特别约定：</div>
										<span class="canright">1.尊敬的客户：投保次日起，您可以通过本公司网页、客服电话、营业网点核实保单及理赔等信息。若对查询结果有异议，请联系本公司。联系方式或方法为：网页地址：www.zsins.com，24小时服务热线4008-666-777。</span>
									</li>
								</ul>
							</div>
							<div class="height44"></div>
							<div class="U-login-con">
								<a class="U-user-login-btn" ontouchstart="this.className='U-user-login-btn2'" ontouchend="this.className='U-user-login-btn'">我要续保</a>
								<div class="DialogDiv" style="display:none; ">
									<div class="U-guodu-box">
											<table width="100%" cellpadding="0" cellspacing="0" border="0">
												<tbody>
													<tr>
														<td align="center">
															<img src="images/ICBCLoading.gif">
														</td>
													</tr>
												</tbody>
											</table>
									</div>
								</div>
								<div class="cl"></div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content-slide">
							<div class="basic manager-div margin-b5 all-cancer-proper">
								<div class="title_text">
									<span>苏F28E02</span> 车牌号
								</div>
								<div class="title_text">
									<span>0672528</span> 发动机号
								</div>
								<div class="title_text">
									<span>LDC611P28A1372696</span> 车架号
								</div>
								<div class="title_text">
									<span>东风标致DC7146DBA</span> 厂牌车型
								</div>
								<div class="title_text">
									<span>6座以下客车</span> 车辆类型
								</div>
								<div class="title_text">
									<span>家庭自用客车</span> 使用性质
								</div>
								<div class="title_text">
									<span>5</span> 座位数
								</div>
								<div class="title_text">
									<span>0</span> 吨位数
								</div>
							</div>
							<div class="polic-red">详情请致电 4008-666-777</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content-slide">
							<div class="basic manager-div margin-b5 all-cancer-proper">
								<div class="title_text">
									<span> </span> 暂无批单信息
								</div>
							</div>
							<div class="polic-red">详情请致电 4008-666-777</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content-slide">

							<div class="basic manager-div margin-b5 all-cancer-proper">
								<div class="title_text">
									<span>855.00</span> 应缴保费
								</div>
								<div class="title_text">
									<span>855.00</span> 实缴保费
								</div>
								<div class="title_text">
									<span>0.00</span> 预收保费
								</div>
								<div class="title_text">
									<span><a href="#">2011-10-15</a></span> 缴费日期
								</div>
								<div class="title_text">
									<span>划卡</span> 缴费方式
								</div>
							</div>
							<div class="polic-red">详情请致电 4008-666-777</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/idangerous.swiper.min.js"></script>
		<script>
			var tabsSwiper = new Swiper('.swiper-container', {
				speed: 500,
				onSlideChangeStart: function() {
					$(".tabs .active").removeClass('active');
					$(".tabs a").eq(tabsSwiper.activeIndex).addClass('active');
				}
			});
			$(".tabs a").on('touchstart mousedown', function(e) {
				e.preventDefault()
				$(".tabs .active").removeClass('active');
				$(this).addClass('active');
				tabsSwiper.swipeTo($(this).index());
			});
			$(".tabs a").click(function(e) {
				e.preventDefault();
			});
		</script>
		<SCRIPT src="js/jquery-1.7.2.min.js" type="text/javascript"></SCRIPT>
		<script>
			$(function() {
				$('.U-user-login-btn').toggle(function() {
					var yscroll = document.documentElement.scrollTop;
					var screenx = $(window).width();
					var screeny = $(window).height();
					$(".DialogDiv").css("display", "block");
					$(".DialogDiv").css("top", yscroll + "%");
					var DialogDiv_width = $(".DialogDiv").width();
					var DialogDiv_height = $(".DialogDiv").height();
					$(".DialogDiv").css("left", (screenx / 2 - DialogDiv_width / 2) + "px")
					$(".DialogDiv").css("top", (screeny / 2 - DialogDiv_height / 2) + "px")
					$("body").css("overflow", "hidden");
				}, function() {
				})
			})
		</script>
		<!-- 代码部分end -->
	</body></html>
